<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c"%> 
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>掌中宝十三水【管理台】</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <link rel="stylesheet" type="text/css" href="${Context}css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="${Context}css/bootstrap-theme.min.css">
    <link rel="stylesheet" type="text/css" href="${Context}css/mainPage.css">
        <link rel="stylesheet" type="text/css" href="${Context}css/alertify.core.css">
    <link rel="stylesheet" type="text/css" href="${Context}css/alertify.default.css">
    <link rel="stylesheet" type="text/css" href="${Context}css/poker.css">
     <script type="text/javascript" src="${Context}js/jquery-1.11.3.js"></script>
    <script type="text/javascript" src="${Context}js/bootstrap.min.js"></script>
    <script type="text/javascript" src="${Context}js/alertify.min.js"></script>
    <script type="text/javascript" src="${Context}js/mainPage.js"></script>
    <script type="text/javascript" src="${Context}js/pokerMgr.js"></script>
</head>
<script type="text/javascript">
var sys=sys || {};
sys.context = "${Context}";
sys.contextPath="${ContextPath}";
sys.storeFlag=true;
</script>
<body style="padding: 2% 0;">
<div id="context" class="container">
	<div id="leftShowPanl">
		<div class="row">
			<div class="col-lg-6">
				<input type="text" id="roomId" class="form-control" placeholder="请输入玩家ID" style="margin: 0px;">
			</div>
			<div class="col-lg-2">
				<input type="button" class="btn btn-default" onclick="loadPlayInfo();" value="查询">
			</div>
		</div>
		<div class="row" style="margin-top: 10px;">
			<p class="col-lg-6">房间号：<span id="roomIdSpan"></span></p>
		</div>
		<div class="row show-grid">
			<div class="col-lg-6">
					<input type="text" class="userInput form-control" readonly value="玩家A:123456">
			</div>
			<div class="col-lg-6">
					<select class="pokerSelect form-control">
						<option value=1 selected="selected">使用牌型A</option>
						<option value=2>使用牌型B</option>
						<option value=3>使用牌型C</option>
						<option value=4>使用牌型D</option>
					</select>
			</div>
		</div>
		<div class="row show-grid">
			<div class="col-lg-6">
					<input type="text" class="userInput form-control" readonly value="玩家B:123456">
			</div>
			<div class="col-lg-6">
					<select class="pokerSelect form-control">
						<option value=1>使用牌型A</option>
						<option value=2 selected="selected">使用牌型B</option>
						<option value=3>使用牌型C</option>
						<option value=4>使用牌型D</option>
					</select>
			</div>
			
		</div>
		<div class="row show-grid">
			<div class="col-lg-6">
					<input type="text" class="userInput form-control" readonly value="玩家C:123456">
					
			</div>
			<div class="col-lg-6">
					<select class="pokerSelect form-control">
						<option value=1>使用牌型A</option>
						<option value=2>使用牌型B</option>
						<option value=3 selected="selected">使用牌型C</option>
						<option value=4>使用牌型D</option>
					</select>
			</div>
			
		</div>
		<div class="row show-grid">
			<div class="col-lg-6">
					<input type="text" class="userInput form-control" readonly value="玩家D:123456">
					
			</div>
			<div class="col-lg-6">
					<select class="pokerSelect form-control">
						<option value=1>使用牌型A</option>
						<option value=2>使用牌型B</option>
						<option value=3>使用牌型C</option>
						<option value=4 selected="selected">使用牌型D</option>
					</select>
			</div>
			
		</div>
		
		<div class="row">
			<div class="col-md-6">			
				<select  id="storeSelect" class="form-control">
				</select>
			</div>
			<input class="col-md-2 btn btn-info" name="tijiao" type="button" onclick="saveSendData();" value="提交" style="margin:0 20px;"/>
			<input class="col-md-2 btn btn-info" onclick="javascript:closeLoadGameData();" type="reset" value="关闭" />
		</div>
			<p class="row col-md-6" >
				(比牌之前提交，下局生效)
			</p>
			<a class="row col-md-6" href="${Context}/pokerStore/managerPage">牌库管理</a>
		
	</div>
	
	
	<div style="height: 294px;">
	<span>牌组列表</span>
	<span id="noDataSpan" class="glyphicon glyphicon-repeat" style="left: 15%;top: 120px;z-index: 999;cursor: pointer;display: none;">无数据</span>
		<ul id="pokerGroupList" class="list-group pre-scrollable" style="cursor: pointer;max-height:100%;height: 100%;border: 1px solid #F1F1F1">
		</ul>
		<div id="orderBtn" class="btn-group" role="group" aria-label="..." style="display: none;">
			 <span class="btn-order order-up glyphicon glyphicon-arrow-up">向上</span>
			  <span class="btn-order order-top glyphicon glyphicon-menu-up">置顶</span>
		</div>
	</div>
	
</div>
<div id="content_bottom" class="container">
		<div>
			<span class="labelFont">红桃：</span><c:forEach var="poker" items="${hongxin}" varStatus="vs">
				<span class="opacity-black"><img class="poker " src="${Context}${poker.path }" ondragstart="return false" evalData='{"indexVal":${poker.indexVal },"realName":"${poker.pokerFileRealName }","prefix":"${poker.prefix }"}' style="height: 70px;cursor:pointer;"></span>
			</c:forEach>
			<br/>
			<span class="labelFont">方块：</span><c:forEach var="poker" items="${fangkuai}" varStatus="vs">
				<p class="opacity-black"><img  class="poker" src="${Context}${poker.path }" ondragstart="return false" evalData='{"indexVal":${poker.indexVal },"pokerFileRealName":"${poker.pokerFileRealName }","prefix":"${poker.prefix }"}' style="height: 70px;cursor:pointer;"></p>
			</c:forEach>
			<br/>
			<span class="labelFont">黑桃：</span><c:forEach var="poker" items="${tao}" varStatus="vs">
				<p class="opacity-black"><img  class="poker"  src="${Context}${poker.path }" ondragstart="return false" evalData='{"indexVal":${poker.indexVal },"realName":"${poker.pokerFileRealName }","prefix":"${poker.prefix }"}' style="height: 70px;cursor:pointer;"></p>
			</c:forEach>
			<br/>
			<span class="labelFont">梅花：</span><c:forEach var="poker" items="${meihua}" varStatus="vs">
				<p class="opacity-black"><img  class="poker"  src="${Context}${poker.path }" ondragstart="return false" evalData='{"indexVal":${poker.indexVal },"realName":"${poker.pokerFileRealName }","prefix":"${poker.prefix }"}' style="height: 70px;cursor:pointer;"></p>
			</c:forEach>
		</div>
	<br/>
	<div id="editPage" style="width: 80%" >
		  	<a href="javascript:void(0);" class="btn btn-success pokerClass" id="poker1"> 牌型A：</a><div class="rePoker"></div>  <br/>
		   <a  href="javascript:void(0);" class="btn btn-primary pokerClass" id="poker2"> 牌型B：</a><div  class="rePoker" ></div>  <br/>
		   <a  href="javascript:void(0);" class="btn btn-primary pokerClass"  id="poker3"> 牌型C：</a><div   class="rePoker"></div>  <br/>
		   <a  href="javascript:void(0);" class="btn btn-primary pokerClass" id="poker4"> 牌型D：</a><div   class="rePoker" ></div>  <br/>
		  <div class="row form-inline" align="center">
		   <div class="form-group">
			    <label for="groupNo">牌组编号</label>
			    <input type="text" class="form-control" id="groupNo" placeholder="牌组编号">
			  </div>
			  <div class="form-group">
			    <label for="groupDesc">牌组描述</label>
			    <input type="text" class="form-control" id="groupDesc" placeholder="牌组描述">
			  </div>
		 	
		  </div>
		  <div class="row" align="center" style="margin-top: 1%">
		  	  <div class="col-md-4 "></div>
			  <div class="col-md-2 ">
				 <button class="btn btn-info" name="tijiao" type="button" onclick="saveGroup();">生成牌组(保存修改)</button>
			  </div>
			  <div class="col-md-2 ">
			  	<input class="btn btn-info" onclick="javascript:reset();" type="reset" value="重     置" style="padding: 6px 30px">
			  </div>
		 </div>
	</div>
   </div>
</body>
</html>